.box{
	position:relative;
	width:92%; height:100%; margin:0 auto;
	overflow-x:hidden; overflow-y:scroll;
	text-align:center;
	ul {
		display:flex; flex-wrap:wrap; align-content:flex-start;
		width:100%;
	}
	li {
		width:calc(100% / 7); height:calc(100% / 7);
	}
	.checked {
		background:rgb(3,169,244); color:white;
	}
}
.info{
	height:4rem;
	overflow:hidden;
	span {
		display:inline-block;
		margin:0 .5rem;
		line-height:4rem;
		&:last-child {float:right;}
	}
	b {
		display:inline-block;
		width:1px; height:1px;
		border:1rem solid transparent; margin-top:1rem;
		&:first-child {
			float:left;
			border-right-color:#333;
		}
		&:last-child {
			float:right;
			border-left-color:#333;
		}
	}
}
.ctrl{
	display:flex; justify-content:center;
	div {
		width:10rem; height:3.5rem; margin:1rem; border-radius:3px;
	  background:rgb(3,169,244); color:white;
	  line-height:3.5rem;
	}
}
